/* GENERAL */
body {
    font: 16px Comic sans MS, sans-serif;
}

h2 {
    padding: 25px 0 0 0;
}

h1, h2 {
    color: #666;
}

ul {
    list-style-type: none;
    padding: 0;
}

ul li {
    display: inline;
    padding: 0 20px 0 0;
}

/* TAMANOS */
.icon-tamano-personalizado {
    font-size: 2.5em;
}

/* COLORES */
.rojo {
    color: red;
}

.verde {
    color: #277116;
}

.morado {
    color: #661e71;
}

.gris {
    color: #666;
}

.naranja {
    color: #d27435;
}

.azul {
    color: #5380d2;
}

/* ANIMACIONES */
.icon-desapareciendo {
    -moz-animation: parpadeando 2s infinite linear;
    -o-animation: parpadeando 2s infinite linear;
    -webkit-animation: parpadeando 2s infinite linear;
    animation: parpadeando 2s infinite linear;
}
@-moz-keyframes parpadeando {
  0% {opacity: 1;}
  50% {opacity: .1;}
  100% {opacity: 1;}
}
@-webkit-keyframes parpadeando {
  0% {opacity: 1;}
  50% {opacity: .1;}
  100% {opacity: 1;}
}
@-o-keyframes parpadeando {
  0% {opacity: 1;}
  50% {opacity: .1;}
  100% {opacity: 1;}
}
@-ms-keyframes parpadeando {
  0% {opacity: 1;}
  50% {opacity: .1;}
  100% {opacity: 1;}
}
@keyframes parpadeando {
  0% {opacity: 1;}
  50% {opacity: .1;}
  100% {opacity: 1;}
}